<template>
  <div class="demo">
    <div class="demo-title">内部卡片</div>
    <div class="demo-content">
      <Card title="Card title">
        <p style="font-size: 14px; color: rgba(0, 0, 0, 0.85); margin-bottom: 16px; font-weight: 500">
          Group title
        </p>
        <Card title="Inner card title">
          <template #extra>
            <a href="#">More</a>
          </template>
          Inner Card content
        </Card>
        <Card title="Inner card title" :style="{ marginTop: '16px' }">
          <template #extra>
            <a href="#">More</a>
          </template>
          Inner Card content
        </Card>
      </Card>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import Card from '@sscd/card';
</script>
